  /* u-line-1,u-line-2,u-line-3,u-line-4,u-line-5
  五个类名在文字超出内容盒子时，分别只显示一行、两行、三行、四行、五行+省略号。 */
  .u-dropdown__content {
    width: 750rpx !important;
  }
  .s-flex-r-s-s {
    display: flex;
  }
  .s-flex-r-s-c {
    display: flex;
    align-items: center;
  }
  .s-flex-r-e-c {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .s-flex-r-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .s-flex-r-b-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .s-flex-r-b-s {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .s-flex-r-b-e {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .s-flex-c-s-s {
    display: flex;
    flex-direction: column;
  }

  .s-flex-c-s-c {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .s-flex-c-b-s {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .s-flex-c-c-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .s-flex-c-s-e {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .s-flex-c-e-c {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }
  /* 因为是全局引入的,所以有的样式nvue不支持会报错,所以要区分一下 */
  /* #ifndef APP-NVUE */
  .uni-button:after{
    border: none;
  }
  .line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* #endif */
  .page{
    /* #ifndef APP-NVUE */
    min-height: 100vh;
    /* #endif */
    background: #F8F8F8;
    overflow: hidden;
  }

@for $i from 20 through 750 {
	.s-block-#{$i} {
		width: #{$i}rpx !important;
		height: #{$i}rpx !important;
	}
}
@for $i from 20 through 200 {
	.s-fs#{$i} {
		font-size: #{$i}rpx !important;
	}
}
@for $i from 2 through 1000 {
	.line-height-#{$i}{
		line-height: #{$i}rpx !important;
	}
}
@for $i from 2 through 300 {
  .padding-top-#{$i} {
    padding-top: #{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .padding-bottom-#{$i} {
    padding-bottom: #{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .padding-left-#{$i} {
    padding-left: #{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .padding-right-#{$i} {
    padding-right: #{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .padding-tb-#{$i} {
   padding-top: #{$i}rpx!important ;
   padding-bottom: #{$i}rpx!important ;
  }
}
@for $i from 2 through 300 {
  .padding-lr-#{$i} {
    padding-left: #{$i}rpx!important ;
    padding-right: #{$i}rpx!important ;
  }
}
@for $i from 2 through 300 {
  .padding-#{$i} {
    padding:#{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .margin-#{$i} {
    margin:#{$i}rpx!important;
  }
}
@for $i from 2 through 500 {
  .margin-top-#{$i} {
    margin-top: #{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .margin-bottom-#{$i} {
    margin-bottom: #{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .margin-left-#{$i} {
    margin-left: #{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .margin-right-#{$i} {
    margin-right: #{$i}rpx!important;
  }
}
@for $i from 2 through 300 {
  .margin-tb-#{$i} {
   margin-top: #{$i}rpx!important ;
   margin-bottom: #{$i}rpx!important ;
  }
}
@for $i from 2 through 300 {
  .margin-lr-#{$i} {
		margin-left: #{$i}rpx!important ;
		margin-right: #{$i}rpx!important ;
  }
}
@for $i from 4 through 200 {
  .radius-#{$i} {
    border-radius: #{$i}rpx!important;
  }
}
@for $i from 2 through 1000 {
  .width-#{$i} {
    width: #{$i}rpx!important;
  }
}
@for $i from 2 through 1000 {
  .height-#{$i} {
    height: #{$i}rpx!important;
  }
}
@for $i from 2 through 100 {
  .w#{$i} {		
     width: 1% * $i;
  }
}
@for $i from 2 through 100 {
  .h#{$i} {		
     height: 1% * $i;
  }
}
.text-theme {
	color: $theme;
}
.text-white {
	color: #FFFFFF;
}
.text-333 {
	color: #333333;
}
.text-666 {
	color: #666666;
}
.text-999 {
	color: #999999;
}
.text-orange {
	color: #FF8F1F;
}
.text-bold {
  font-weight: bold;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-price::before {
  content: "¥";
  margin-right: 4upx;
}



.bg-white {
	background-color: #FFFFFF;
}
.bg-f5 {
	background-color: #F5F5F5;
}
.bg-theme {
	background-color: $bgtheme;
}